JavaScript貪吃蛇

使用原生js实现贪吃蛇小游戏，首先这个小游戏的目录结构如下：有贪吃蛇，食物，地图，还有游戏当我们在浏览器打开index.html的时候，会出现移动的小蛇，随机 ...,本项目采用HTML、CSS、JavaScript和jQuery技术，无需游戏框架支持。通过下载项目文件至本地，双击index.html即可启动贪吃蛇游戏。游戏界面简洁，支持方向键 ...,DOCTYPEhtml>贪吃蛇游戏...</p> </blockquote> <div class="dev-ysm-tag"></div> <div class="mb-5"> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-9418887123196030" crossorigin="anonymous"></script> <ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-9418887123196030" data-ad-slot="6992970522"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <figcaption class="blockquote-footer mb-0">參考資訊如下</figcaption> </figure> <div class="swiper-container dots-closer mb-6" data-margin="30" data-dots="true"> <div class="swiper"> <div class="swiper-wrapper"> <div class="swiper-slide"> <a href="https://wawa3c.com/search/JavaScript 貪吃蛇/alUWMC2" class="text-aqua">【JS】原生js实现极简版贪吃蛇，附全部代码原创 </a> <p class="mt-2 sresult text-muted">使用原生js 实现贪吃蛇小游戏，首先这个小游戏的目录结构如下：有贪吃蛇，食物，地图，还有游戏当我们在浏览器打开index.html 的时候，会出现移动的小蛇，随机 ...</p> </div><div class="swiper-slide"> <a href="https://wawa3c.com/search/JavaScript 貪吃蛇/ayRpbr" class="text-aqua">纯JS实现贪吃蛇游戏—— 可能是全网代码最优雅的实现 </a> <p class="mt-2 sresult text-muted">本项目采用HTML、CSS、JavaScript和jQuery技术，无需游戏框架支持。通过下载项目文件至本地，双击index.html即可启动贪吃蛇游戏。游戏界面简洁，支持方向键 ...</p> </div><div class="swiper-slide"> <a href="https://wawa3c.com/search/JavaScript 貪吃蛇/aeZx3O2" class="text-aqua">JavaScript-贪吃蛇.html at master </a> <p class="mt-2 sresult text-muted">DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8> <title>贪吃蛇游戏模拟</title> <style> #container{ width: 1000px; border: 1px solid #000; ...</p> </div><div class="swiper-slide"> <a href="https://wawa3c.com/search/JavaScript 貪吃蛇/aujAR23" class="text-aqua">TishacySnake_JS: 原生JS实现贪吃蛇小游戏 </a> <p class="mt-2 sresult text-muted">原生JS实现贪吃蛇小游戏. Contribute to Tishacy/Snake_JS development by creating an account on GitHub.</p> </div><div class="swiper-slide"> <a href="https://wawa3c.com/search/JavaScript 貪吃蛇/aGND7U2" class="text-aqua">DAY13-JavaScript實作網頁小遊戲 </a> <p class="mt-2 sresult text-muted">前言：. 昨天介紹完了一些簡單的應用，今天阿森想用JavaScript來寫一個貪吃蛇的網頁遊戲，相信透過這個過程大家可以更清楚JavaScript的使用邏輯。那我們就開始吧！</p> </div><div class="swiper-slide"> <a href="https://wawa3c.com/search/JavaScript 貪吃蛇/aDNp8y2" class="text-aqua">原生js贪吃蛇游戏 </a> <p class="mt-2 sresult text-muted">总思路：（在snake.js的updateSnake的函数里）根据蛇头的方向去走动时，在移除蛇尾时做一层判断，若蛇头的位置和食物的位置一致，则表示吃到食物了，不移除蛇尾， ...</p> </div><div class="swiper-slide"> <a href="https://wawa3c.com/search/JavaScript 貪吃蛇/aKFA7d" class="text-aqua">貪食蛇簡單版| JavaScript 程式專案 </a> <p class="mt-2 sresult text-muted">將背景設定為黑色. setBackdrop(#000000);. // 用 head.gif 創造一個角色. var head = createSprite( head.gif );.</p> </div><div class="swiper-slide"> <a href="https://wawa3c.com/search/JavaScript 貪吃蛇/a9Pew83" class="text-aqua">JS地下城挑戰-貪吃蛇(Vue) </a> <p class="mt-2 sresult text-muted">心得. 覺得本次的挑戰的重點在於知道蛇該如何移動和長度的正確性，剩下的都是一些計算的問題了，雖然個人覺得最難搞的部分是十字光束和蛇體的漸層色。另外 ...</p> </div><div class="swiper-slide"> <a href="https://wawa3c.com/search/JavaScript 貪吃蛇/aUUywm3" class="text-aqua">JS贪吃蛇- ALL|ONE </a> <p class="mt-2 sresult text-muted">2.2 画图方法 · 蛇和食物都是方格，只要区分位置和颜色就行 · seat 表示一维的位置，需要转成二维的实际像素位置 · seat % 20 * 20 + 1 ，x轴实际像素位置.</p> </div><div class="swiper-slide"> <a href="https://wawa3c.com/search/JavaScript 貪吃蛇/ajXCo82" class="text-aqua">HTML CSS JS 簡易教學實作貪吃蛇 </a> <p class="mt-2 sresult text-muted">使用HTML CSS JS 寫出貪食蛇使用notepad++ 編寫希望大家可以幫我按個讚或留言~ 歡迎大家一起討論~</p> </div>  </div>  </div>  </div>  <div class="swiper-container mb-12 nav-dark" data-margin="30" data-nav="true" data-dots="true" data-items-xl="3" data-items-md="2" data-items-xs="1"> <div class="swiper"> <div class="swiper-wrapper"> <div class="swiper-slide shadow-lg"> <a href="https://www.youtube.com/watch?v=A1aXGNsQ65c" title="實測用ChatGPT 寫貪食蛇遊戲 GPT-4 程式設計也沒問題" class="btn btn-circle btn-light btn-play ripple mx-auto mb-5 position-absolute ytplayicon" target="_balnk" data-glightbox><i class="icn-caret-right text-dark"></i></a> <figure class="rounded"><img src="" alt="實測用ChatGPT 寫貪食蛇遊戲 GPT-4 程式設計也沒問題" onerror="this.src='https://wawa3c.com/img/youtube.png'"></figure> <div class="card-body px-3 py-3"> <h5><a class="text-red" href="https://wawa3c.com/search/貪吃蛇程式碼/y11oe92" title="實測用ChatGPT 寫貪食蛇遊戲 GPT-4 程式設計也沒問題">實測用ChatGPT 寫貪食蛇遊戲 GPT-4 程式設計也沒問題</a></h5> </div>  </div>  </div>  </div>  </div>  <div class="mb-5"> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-9418887123196030" crossorigin="anonymous"></script>  <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-9418887123196030" data-ad-slot="2394547014" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div class="blog grid grid-view"> <div class="row isotope gx-md-4 gy-4 mb-4"> <article class="item post col-md-6"> <div class="card"> <figure class="rounded itooltip itooltip-dark hover-scale" title='<p class="mb-0" style="max-width:400px;"><img src="https://i0.wp.com/host.easylife.tw/pics/202408/GenieTimelinePro10/01_GenieTimelinePro10.jpg?resize=400,211"><br><br>電腦沒有定期備份，重要資料如同風中殘燭，說滅就滅、說消失就消失，今天小編來跟大家分享GenieTimelineHome10備份工具，原價39.95美金，目前推出限時免費活動，現在領取序號就能終身免費使用，GenieTimelineHome10備份功能絕對能滿足日常家用資料備份需求，而且身...</p>'> <img src="https://i0.wp.com/host.easylife.tw/pics/202408/GenieTimelinePro10/01_GenieTimelinePro10.jpg?resize=425,225" alt="限時免費 Genie Timeline Professional 10 電腦備份工具，終身序號限時取得" onerror="this.src='https://wawa3c.com/img/photos/bs1.jpg'"/> </figure> <div class="card-body px-3 py-3"> <h2 class="fs-18 ls-xl"><a class="link-dark" href="https://wawa3c.com/10429" title="限時免費 Genie Timeline Professional 10 電腦備份工具，終身序號限時取得">限時免費 Genie Timeline Professional 10 電腦備份工具，終身序號限時取得</a></h2> <p class="fs-13">電腦沒有定期備份，重要資料如同風中殘燭，說滅就滅、說消失就消失，今天小編來跟大家分享GenieTimelineHome10備份工具，原價39.95美金，目前推出限時免費活動，現在領取序號就能終身免費使用，GenieTimelineHom...</p> </div>   <div class="card-footer"> <ul class="post-meta d-flex mb-0"> <li class="post-date"><i class="uil uil-calendar-alt"></i><span><a href="https://wawa3c.com/archive/20250215-1" title="2025-02-15 文章列表">2025-02-15</a></span></li> <li class="post-author"><i class="uil uil-user"></i><span><a href="https://wawa3c.com/author/9M87-1" title="9M87 作者文章列表">9M87</a></span></li> </ul>  </div>  </div>  </article> </div>  </div>  <ul class="list-unstyled tag-list mb-0 lh-xxs"> </ul> </article>  </div>  <a id="next" href="https://wawa3c.com/10429" title="限時免費 Genie Timeline Professional 10 電腦備份工具，終身序號限時取得">限時免費 Genie Timeline Professional 10 電腦備份工具，終身序號限時取得</a> </div>  </div>  </div>   <nav class="d-flex" aria-label="pagination" > <ul class="pagination"> <li class="page-item"> </li> <li class="page-item"> </li> <li class="page-item"> <a class="page-link" href="https://wawa3c.com/search/JavaScript 貪吃蛇-2" rel="next" title="JavaScript 貪吃蛇第2頁" aria-label="Next" rel="next"><span aria-hidden="true"><i class="uil uil-angle-right"></i></span></a> </li> <li class="page-item"> <a class="page-link" href="https://wawa3c.com/search/JavaScript 貪吃蛇--1" title="JavaScript 貪吃蛇第-1頁" ><span aria-hidden="true"><i class="uil uil-angle-double-right"></i></span></a> </li> </ul>  </nav>  </div>  <aside class="col-lg-3 sidebar mt-11 mt-lg-6"> <div class="widget"> <nav aria-label="breadcrumb"> <ol class="breadcrumb" itemprop="breadcrumb" itemscope itemtype="http://schema.org/BreadcrumbList"> <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem" class="breadcrumb-item"> <a itemprop="item" href="https://wawa3c.com/" title="哇哇3C日誌回首頁"><span itemprop="name">Home</span></a> <meta itemprop="position" content="1"> </li> <li class="breadcrumb-item" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <a itemprop="item" href="https://wawa3c.com/search/貪吃蛇程式碼-1" title="貪吃蛇程式碼文章列表清單"><span itemprop="name">貪吃蛇程式碼</span></a> <meta itemprop="position" content="2"> </li><li class="breadcrumb-item" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> <a itemprop="item" href="https://wawa3c.com/search/JavaScript 貪吃蛇-1" title="JavaScript 貪吃蛇文章列表清單"><span itemprop="name">JavaScript 貪吃蛇</span></a> <meta itemprop="position" content="3"> </li> </ol> </nav> </div> <div class="widget"> <h3 class="widget-title mb-3">Tags</h3> <ul class="list-unstyled search-list lh-xxs"> </ul> </div>  <div class="widget"> <h2 class="widget-title mb-3">最新文章</h2> <div class="post-content mb-3"> <figure class="rounded itooltip itooltip-dark hover-scale" title='<p class="mb-0" style="max-width:400px;"><img src="https://i0.wp.com/host.easylife.tw/pics/202408/GenieTimelinePro10/01_GenieTimelinePro10.jpg?resize=400,211"><br><br>電腦沒有定期備份，重要資料如同風中殘燭，說滅就滅、說消失就消失，今天小編來跟大家分享GenieTimelineHome10備份工具，原價39.95美金，目前推出限時免費活動，現在領取序號就能終身免費使用，GenieTimelineHome10備份功能絕對能滿足日常家用資料備份需求，而且身...</p>'> <img src="https://i0.wp.com/host.easylife.tw/pics/202408/GenieTimelinePro10/01_GenieTimelinePro10.jpg?resize=270,143" alt="限時免費 Genie Timeline Professional 10 電腦備份工具，終身序號限時取得" /> </figure> <h3 class="fs-17 mb-1 mt-2"><a class="link-dark" href="https://wawa3c.com/10429" title="限時免費 Genie Timeline Professional 10 電腦備份工具，終身序號限時取得">限時免費 Genie Timeline Professional 10 電腦備份工具，終身序號限時取得</a></h3> <ul class="post-meta"> <li class="post-date"><i class="uil uil-calendar-alt"></i><span>2025-02-15</span></li> </ul>  </div><div class="post-content mb-3"> <figure class="rounded itooltip itooltip-dark hover-scale" title='<p class="mb-0" style="max-width:400px;"><img src="https://i0.wp.com/host.easylife.tw/pics/201607/GlaryUtilitiesPro/GlaryUtilitiesPro_01.png?resize=400,211"><br><br>系統優化工具很多，有各司其職的各款工具，也有很多整合性的工具，可以同時結合清理、優化、隱私調整、檔案系統與系統工具，這次與大家分享的GlaryUtilitiesPro就是一款非常知名的系統優化工具，在軟體還沒有那麼多元的年代，一鍵優化就是GlaryUtilities的代名詞，...</p>'> <img src="https://i0.wp.com/host.easylife.tw/pics/201607/GlaryUtilitiesPro/GlaryUtilitiesPro_01.png?resize=270,143" alt="限時免費 Glary Utilities Pro 6.21 一鍵優化始祖級系統工具，讓你系統好棒棒！" /> </figure> <h3 class="fs-17 mb-1 mt-2"><a class="link-dark" href="https://wawa3c.com/5096" title="限時免費 Glary Utilities Pro 6.21 一鍵優化始祖級系統工具，讓你系統好棒棒！">限時免費 Glary Utilities Pro 6.21 一鍵優化始祖級系統工具，讓你系統好棒棒！</a></h3> <ul class="post-meta"> <li class="post-date"><i class="uil uil-calendar-alt"></i><span>2025-02-14</span></li> </ul>  </div><div class="post-content mb-3"> <figure class="rounded itooltip itooltip-dark hover-scale" title='<p class="mb-0" style="max-width:400px;"><img src="https://i0.wp.com/host.easylife.tw/pics/202407/AptFull/01_AptFull.png?resize=400,211"><br><br>AI工具越來越發達，如果懂得該如何使用AI或許可以讓你有事半功倍之效，不過有些人可能覺得不知道如何入門，也有人覺得是否都需要花錢，不過實際上越來越多的免費AI工具被釋出，這次和大家分享的是免費的AI生產力工具，只要下載就可以使用，包含最夯的ChatGPT無限制...</p>'> <img src="https://i0.wp.com/host.easylife.tw/pics/202407/AptFull/01_AptFull.png?resize=270,143" alt="完全免費的 AI 生產力工具 2.8.2.0 ChatGPT、圖片影片功能一次到位" /> </figure> <h3 class="fs-17 mb-1 mt-2"><a class="link-dark" href="https://wawa3c.com/11913" title="完全免費的 AI 生產力工具 2.8.2.0 ChatGPT、圖片影片功能一次到位">完全免費的 AI 生產力工具 2.8.2.0 ChatGPT、圖片影片功能一次到位</a></h3> <ul class="post-meta"> <li class="post-date"><i class="uil uil-calendar-alt"></i><span>2025-02-12</span></li> </ul>  </div><div class="post-content mb-3"> <figure class="rounded itooltip itooltip-dark hover-scale" title='<p class="mb-0" style="max-width:400px;"><img src="https://i0.wp.com/host.easylife.tw/pics/author/yohnu1/202206/IconMaker/first.png?resize=400,211"><br><br>想製作自己的LOGO預算不夠怎麼辦？SoftOrbitsIconMaker是一款LOGO製作軟體，讓新手能夠透過簡單的界面DIY高品質的LOGO，我們可以透過它建立icon、編輯、轉檔和管理現有的icon圖示，IconMaker原價21.99美金，目前正推出限時免費活動，現在取得就能夠永久免費使用，非...</p>'> <img src="https://i0.wp.com/host.easylife.tw/pics/author/yohnu1/202206/IconMaker/first.png?resize=270,143" alt="限時免費 SoftOrbits Icon Maker 1.9 公司 LOGO 產生器，支援 icon 編輯及自動產生" /> </figure> <h3 class="fs-17 mb-1 mt-2"><a class="link-dark" href="https://wawa3c.com/10404" title="限時免費 SoftOrbits Icon Maker 1.9 公司 LOGO 產生器，支援 icon 編輯及自動產生">限時免費 SoftOrbits Icon Maker 1.9 公司 LOGO 產生器，支援 icon 編輯及自動產生</a></h3> <ul class="post-meta"> <li class="post-date"><i class="uil uil-calendar-alt"></i><span>2025-02-11</span></li> </ul>  </div><div class="post-content mb-3"> <figure class="rounded itooltip itooltip-dark hover-scale" title='<p class="mb-0" style="max-width:400px;"><img src="https://i0.wp.com/host.easylife.tw/pics/author/yohnu1/202302/AvdshareVideoConverter/first.png?resize=400,211"><br><br>需要影片轉檔工具，不知道該用哪一款？今天小編來推一款全能影片轉檔軟體AvdshareVideoConverter，這款軟體原價美金39元現在推出限時免費活動，現在收下來就可以享有終身免費使用的權利。AvdshareVideoConverter是一個強大的影音轉檔軟體，能夠批次轉換影片、音樂檔...</p>'> <img src="https://i0.wp.com/host.easylife.tw/pics/author/yohnu1/202302/AvdshareVideoConverter/first.png?resize=270,143" alt="限時免費 Avdshare Video Converter 7.5.2.8768 全能影片 / MP3 轉檔工具，內建基礎剪輯功能" /> </figure> <h3 class="fs-17 mb-1 mt-2"><a class="link-dark" href="https://wawa3c.com/10999" title="限時免費 Avdshare Video Converter 7.5.2.8768 全能影片 / MP3 轉檔工具，內建基礎剪輯功能">限時免費 Avdshare Video Converter 7.5.2.8768 全能影片 / MP3 轉檔工具，內建基礎剪輯功能</a></h3> <ul class="post-meta"> <li class="post-date"><i class="uil uil-calendar-alt"></i><span>2025-02-11</span></li> </ul>  </div><div class="post-content mb-3"> <figure class="rounded itooltip itooltip-dark hover-scale" title='<p class="mb-0" style="max-width:400px;"><img src="https://i0.wp.com/host.easylife.tw/pics/202110/CSVtoSQL/01_CSVtoSQL.png?resize=400,211"><br><br>很多資料的原始樣貌會是大家常見的csv檔案格式，就是每個資料之間使用逗點來隔開，這樣的檔案資料通常也會被轉換成資料庫來使用，sql就是資料庫的匯入格式，可以透過CSVtoSQLConverter這款工具來輕鬆地轉換，支援MySQL/MariaDB、MicrosoftSQLServer、Oracle與Postgr...</p>'> <img src="https://i0.wp.com/host.easylife.tw/pics/202110/CSVtoSQL/01_CSVtoSQL.png?resize=270,143" alt="限時免費 CSV to SQL Converter 2.0 轉換 csv 檔案格式成為資料庫 sql 格式" /> </figure> <h3 class="fs-17 mb-1 mt-2"><a class="link-dark" href="https://wawa3c.com/9784" title="限時免費 CSV to SQL Converter 2.0 轉換 csv 檔案格式成為資料庫 sql 格式">限時免費 CSV to SQL Converter 2.0 轉換 csv 檔案格式成為資料庫 sql 格式</a></h3> <ul class="post-meta"> <li class="post-date"><i class="uil uil-calendar-alt"></i><span>2025-02-11</span></li> </ul>  </div><div class="post-content mb-3"> <figure class="rounded itooltip itooltip-dark hover-scale" title='<p class="mb-0" style="max-width:400px;"><img src="https://i0.wp.com/host.easylife.tw/pics/202502/FileRescuer/01_FileRescuer.png?resize=400,211"><br><br>當意外刪除重要檔案或存儲裝置發生故障時，往往會帶來巨大的困擾。而FileRescuer檔案救援軟體正是為了解決這類問題而設計的一款強大工具。無論是誤刪除、格式化、病毒攻擊，還是硬碟損壞，FileRescuer都能透過先進的掃描技術，快速找回遺失的檔案，幫助用戶挽回寶貴...</p>'> <img src="https://i0.wp.com/host.easylife.tw/pics/202502/FileRescuer/01_FileRescuer.png?resize=270,143" alt="限時免費 FileRescuer 檔案救援軟體：快速找回遺失檔案的解決方案" /> </figure> <h3 class="fs-17 mb-1 mt-2"><a class="link-dark" href="https://wawa3c.com/11952" title="限時免費 FileRescuer 檔案救援軟體：快速找回遺失檔案的解決方案">限時免費 FileRescuer 檔案救援軟體：快速找回遺失檔案的解決方案</a></h3> <ul class="post-meta"> <li class="post-date"><i class="uil uil-calendar-alt"></i><span>2025-02-10</span></li> </ul>  </div><div class="post-content mb-3"> <figure class="rounded itooltip itooltip-dark hover-scale" title='<p class="mb-0" style="max-width:400px;"><img src="https://i0.wp.com/host.easylife.tw/pics/author/yohnu1/202307/SurFastVideoDownloader/first.png?resize=400,211"><br><br>想要下載YouTube或Facebook影片的話，用線上的下載器小編以前覺得很方便，但是過一陣子發現線上下載器都過不久就會掛掉，所以小編現在更喜歡用桌面版影片下載軟體，今天就來跟大家分享一款影片下載器SurFastVideoDownloader，不論是YouTube、TikTok、Facebook或Twit...</p>'> <img src="https://i0.wp.com/host.easylife.tw/pics/author/yohnu1/202307/SurFastVideoDownloader/first.png?resize=270,143" alt="限時免費 SurFast Video Downloader 2.0.6 萬用影片下載器，支援 YouTube / Twitter / FB 等網站（Windows、Mac）" /> </figure> <h3 class="fs-17 mb-1 mt-2"><a class="link-dark" href="https://wawa3c.com/11317" title="限時免費 SurFast Video Downloader 2.0.6 萬用影片下載器，支援 YouTube / Twitter / FB 等網站（Windows、Mac）">限時免費 SurFast Video Downloader 2.0.6 萬用影片下載器，支援 YouTube / Twitter / FB 等網站（Windows、Mac）</a></h3> <ul class="post-meta"> <li class="post-date"><i class="uil uil-calendar-alt"></i><span>2025-02-10</span></li> </ul>  </div><div class="post-content mb-3"> <figure class="rounded itooltip itooltip-dark hover-scale" title='<p class="mb-0" style="max-width:400px;"><img src="https://i0.wp.com/host.easylife.tw/pics/202502/elffont/01_elffont.png?resize=400,211"><br><br>別以為文章首圖是莫名的精靈文，只要你細細一看就知道那麼我們熟悉的注音啊！雖然第一時間有點難懂，不過仔細看好像就看得懂，這次分享的就是屬於台灣人才懂得的精靈文注音字體，一共有「精靈文．岩」與「精靈文・蕨」兩款，呈現出來的樣式真的是讓人匪夷所思的精靈...</p>'> <img src="https://i0.wp.com/host.easylife.tw/pics/202502/elffont/01_elffont.png?resize=270,143" alt="只有我們懂！注音來的精靈文字體「精靈文．岩」與「精靈文・蕨」" /> </figure> <h3 class="fs-17 mb-1 mt-2"><a class="link-dark" href="https://wawa3c.com/11951" title="只有我們懂！注音來的精靈文字體「精靈文．岩」與「精靈文・蕨」">只有我們懂！注音來的精靈文字體「精靈文．岩」與「精靈文・蕨」</a></h3> <ul class="post-meta"> <li class="post-date"><i class="uil uil-calendar-alt"></i><span>2025-02-10</span></li> </ul>  </div><div class="post-content mb-3"> <figure class="rounded itooltip itooltip-dark hover-scale" title='<p class="mb-0" style="max-width:400px;"><img src="https://i0.wp.com/host.easylife.tw/files/IObit%20Protected%20Folder_first.gif?resize=400,211"><br><br>電腦內總是會有一些私人的檔案，就像在公司的電腦可能會有一些帳號密碼資訊，若是沒有適當的保護，有可能就被人簡易的存取，所以大家總是希望能有多一層的保護，希望除了系統原本的檔案權限控管之外，能再加上一層保護！IObit推出的 ProtectedFolder我覺得是一套很...</p>'> <img src="https://i0.wp.com/host.easylife.tw/files/IObit%20Protected%20Folder_first.gif?resize=270,143" alt="IObit Protected Folder 1.3 資料夾隱藏、保護，收藏私密的重要檔案" /> </figure> <h3 class="fs-17 mb-1 mt-2"><a class="link-dark" href="https://wawa3c.com/3115" title="IObit Protected Folder 1.3 資料夾隱藏、保護，收藏私密的重要檔案">IObit Protected Folder 1.3 資料夾隱藏、保護，收藏私密的重要檔案</a></h3> <ul class="post-meta"> <li class="post-date"><i class="uil uil-calendar-alt"></i><span>2025-02-09</span></li> </ul>  </div><div class="post-content mb-3"> <figure class="rounded itooltip itooltip-dark hover-scale" title='<p class="mb-0" style="max-width:400px;"><img src="https://i0.wp.com/host.easylife.tw/pics/202207/AshampooSnap12/01_AshampooSnap12.png?resize=400,211"><br><br>螢幕截圖工具對我來說不能缺少，大概是每天都會用到的，AshampooSnap是一款相當不錯的螢幕截圖工具，Ashampoo這家軟體的工具很特別，以前後方是以年份當成版本，代表只要以信箱就可以啟動，現在沒想到AshampooSnap14也可以免費使用，但是相比當下的AshampooSnap最新...</p>'> <img src="https://i0.wp.com/host.easylife.tw/pics/202207/AshampooSnap12/01_AshampooSnap12.png?resize=270,143" alt="限時免費 Ashampoo Snap 15 功能豐富的螢幕截圖工具，支援螢幕錄影功能" /> </figure> <h3 class="fs-17 mb-1 mt-2"><a class="link-dark" href="https://wawa3c.com/5693" title="限時免費 Ashampoo Snap 15 功能豐富的螢幕截圖工具，支援螢幕錄影功能">限時免費 Ashampoo Snap 15 功能豐富的螢幕截圖工具，支援螢幕錄影功能</a></h3> <ul class="post-meta"> <li class="post-date"><i class="uil uil-calendar-alt"></i><span>2025-02-09</span></li> </ul>  </div><div class="post-content mb-3"> <figure class="rounded itooltip itooltip-dark hover-scale" title='<p class="mb-0" style="max-width:400px;"><img src="https://i0.wp.com/host.easylife.tw/pics/202406/CCleanerBrowser/01_CCleanerBrowser.png?resize=400,211"><br><br>CCleaner電腦清理工具你用過，那CCleanerBrowser用過了嗎？CCleanerBrowser是CCleaner為Windows開發的快速、私密和安全的瀏覽器，主要提供快速、安全且乾淨的網路瀏覽體驗，內建了多種隱私保護，包含有廣告攔截、反追蹤與防惡意軟體等等，以確保您的線上活動不被窺...</p>'> <img src="https://i0.wp.com/host.easylife.tw/pics/202406/CCleanerBrowser/01_CCleanerBrowser.png?resize=270,143" alt="CCleaner Browser 快速、私密和安全的瀏覽器，使用習慣不變但是更安全" /> </figure> <h3 class="fs-17 mb-1 mt-2"><a class="link-dark" href="https://wawa3c.com/11897" title="CCleaner Browser 快速、私密和安全的瀏覽器，使用習慣不變但是更安全">CCleaner Browser 快速、私密和安全的瀏覽器，使用習慣不變但是更安全</a></h3> <ul class="post-meta"> <li class="post-date"><i class="uil uil-calendar-alt"></i><span>2025-02-08</span></li> </ul>  </div><div class="post-content mb-3"> <figure class="rounded itooltip itooltip-dark hover-scale" title='<p class="mb-0" style="max-width:400px;"><img src="https://i0.wp.com/host.easylife.tw/files/CCleaner.png?resize=400,211"><br><br>CCleaner是一款由英國公司Piriform所研發的系統優化與隱私工具軟體，專為Windows用戶量身打造。憑藉著簡潔易用的介面設計，CCleaner迅速成為了眾多用戶心目中最受信賴的系統清潔助手。CCleaner的核心功能之一是磁碟空間清理，為用戶提供一個高效率的方式，以便定期...</p>'> <img src="https://i0.wp.com/host.easylife.tw/files/CCleaner.png?resize=270,143" alt="CCleaner 6.32.11432 系統清淨機（附加CCleaner Enhancer增強版）" /> </figure> <h3 class="fs-17 mb-1 mt-2"><a class="link-dark" href="https://wawa3c.com/987" title="CCleaner 6.32.11432 系統清淨機（附加CCleaner Enhancer增強版）">CCleaner 6.32.11432 系統清淨機（附加CCleaner Enhancer增強版）</a></h3> <ul class="post-meta"> <li class="post-date"><i class="uil uil-calendar-alt"></i><span>2025-02-08</span></li> </ul>  </div><div class="post-content mb-3"> <figure class="rounded itooltip itooltip-dark hover-scale" title='<p class="mb-0" style="max-width:400px;"><img src="https://i0.wp.com/host.easylife.tw/pics/202105/iFunScreenRecorderPRO/01_iFunScreenRecorderPRO.png?resize=400,211"><br><br>要如何紀錄電腦螢幕上的一切呢？當然是透過螢幕錄影的工具，除了Windows內建的功能之外，若有專業的工具當然是更好的，這次限時免費要跟大家推薦的是iTopScreenRecorderPRO螢幕錄影錄音工具，除了實用的螢幕錄影功能之外，也可以錄製麥克風的聲音，若是要做電腦的影...</p>'> <img src="https://i0.wp.com/host.easylife.tw/pics/202105/iFunScreenRecorderPRO/01_iFunScreenRecorderPRO.png?resize=270,143" alt="限時免費 iTop Screen Recorder PRO 5.4.0 螢幕錄影錄音工具推薦" /> </figure> <h3 class="fs-17 mb-1 mt-2"><a class="link-dark" href="https://wawa3c.com/9405" title="限時免費 iTop Screen Recorder PRO 5.4.0 螢幕錄影錄音工具推薦">限時免費 iTop Screen Recorder PRO 5.4.0 螢幕錄影錄音工具推薦</a></h3> <ul class="post-meta"> <li class="post-date"><i class="uil uil-calendar-alt"></i><span>2025-02-08</span></li> </ul>  </div><div class="post-content mb-3"> <figure class="rounded itooltip itooltip-dark hover-scale" title='<p class="mb-0" style="max-width:400px;"><img src="https://i0.wp.com/host.easylife.tw/pics/202205/AiseesoftMobieSync/01_AiseesoftMobieSync.png?resize=400,211"><br><br>手機是大家每天都在使用的，手機資料也會累積的越來越多，這時候就需要透過AiseesoftMobieSync手機電腦管理工具來管理，同時支援Android與iOS系統，能方便管理手機的照片檔案、影音檔案、音樂檔案、聯絡人資訊、訊息等等資料，尤其照片整理更需要這類工具，絕對比直...</p>'> <img src="https://i0.wp.com/host.easylife.tw/pics/202205/AiseesoftMobieSync/01_AiseesoftMobieSync.png?resize=270,143" alt="限時免費 Aiseesoft MobieSync 2.5.58 手機管理工具（iOS、Android）" /> </figure> <h3 class="fs-17 mb-1 mt-2"><a class="link-dark" href="https://wawa3c.com/10386" title="限時免費 Aiseesoft MobieSync 2.5.58 手機管理工具（iOS、Android）">限時免費 Aiseesoft MobieSync 2.5.58 手機管理工具（iOS、Android）</a></h3> <ul class="post-meta"> <li class="post-date"><i class="uil uil-calendar-alt"></i><span>2025-02-08</span></li> </ul>  </div>  </div>  <div class="widget">  <div id="div-gpt-ad-1670988330733-0" style="min-width: 300px; min-height: 50px;"> <script> googletag.cmd.push(function() { googletag.display('div-gpt-ad-1670988330733-0'); }); </script> </div> </div>  <div class="widget"> <h4 class="widget-title mb-3">Archive</h4> <ul class="list-unstyled archive-list lh-xxs"> <li><a href="https://wawa3c.com/archive/202502-1" title="202502 文章清單" class="ttext-blue fs-8">202502</a></li><li><a href="https://wawa3c.com/archive/202501-1" title="202501 文章清單" class="ttext-blue fs-8">202501</a></li><li><a href="https://wawa3c.com/archive/202412-1" title="202412 文章清單" class="ttext-blue fs-8">202412</a></li><li><a href="https://wawa3c.com/archive/202411-1" title="202411 文章清單" class="ttext-blue fs-8">202411</a></li><li><a href="https://wawa3c.com/archive/202410-1" title="202410 文章清單" class="ttext-blue fs-8">202410</a></li><li><a href="https://wawa3c.com/archive/202409-1" title="202409 文章清單" class="ttext-blue fs-8">202409</a></li><li><a href="https://wawa3c.com/archive/202408-1" title="202408 文章清單" class="ttext-blue fs-8">202408</a></li><li><a href="https://wawa3c.com/archive/202407-1" title="202407 文章清單" class="ttext-blue fs-8">202407</a></li><li><a href="https://wawa3c.com/archive/202406-1" title="202406 文章清單" class="ttext-blue fs-8">202406</a></li><li><a href="https://wawa3c.com/archive/202405-1" title="202405 文章清單" class="ttext-blue fs-8">202405</a></li><li><a href="https://wawa3c.com/archive/202404-1" title="202404 文章清單" class="ttext-blue fs-8">202404</a></li><li><a href="https://wawa3c.com/archive/202403-1" title="202403 文章清單" class="ttext-blue fs-8">202403</a></li> </ul> </div>  </aside>  </div>  </div>  </section>  </div>  <footer class="bg-dark text-inverse"> <div class="container py-13 py-md-15"> <div class="row gy-6 gy-lg-0"> <div class="col-md-4 col-lg-3"> <div class="widget"> <img class="mb-4" src="https://wawa3c.com/img/logo-light.png" alt="哇哇3C日誌" /> <p class="mb-4"> © 2024 Easylife.tw. <br class="d-none d-lg-block" /> All rights reserved. </p> <nav class="nav social social-white"> <a href="https://twitter.com/csliu"><i class="uil uil-twitter"></i></a> <a href="https://www.facebook.com/easylife.tw"><i class="uil uil-facebook-f"></i></a> <a href="https://www.instagram.com/wawa_3c/"><i class="uil uil-instagram"></i></a> <a href="https://www.youtube.com/@wawa3c"><i class="uil uil-youtube"></i></a> </nav> <h4 class="widget-title text-white my-3">關於部落格</h4> 哇哇3C日誌替大家收藏各種3C資訊，電腦上蒐藏實用的綠色軟體與免安裝軟體，評測各類手機與平板，與生活家電的使用心得。生活資訊豐富，親子生活樂趣無窮，愛美食愛攝影，更愛騎著單車遊山玩水。技能上分享Linux使用的經驗與小技巧。  <script type="text/javascript">var _Hasync= _Hasync|| []; _Hasync.push(['Histats.start', '1,4870095,4,0,0,0,00000000']); _Hasync.push(['Histats.fasi', '1']); _Hasync.push(['Histats.track_hits', '']); (function() { var hs = document.createElement('script'); hs.type = 'text/javascript'; hs.async = true; hs.src = ('//s10.histats.com/js15_as.js'); (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(hs); })();</script> <noscript><a href="/" target="_blank"><img src="//sstatic1.histats.com/0.gif?4870095&101" alt="" border="0"></a></noscript>  </div>  </div>  <div class="col-md-4 col-lg-9"> <div class="widget"> <h4 class="widget-title text-white mb-3">軟體更新</h4> <ul class="list-unstyled mb-0"> <li><span class="badge bg-yellow rounded me-2">9 小時前</span><a href="https://wawa3c.com/10429" title="如何備份電腦資料？Genie-Timeline-Home-10-免費下載" class="text-white">限時免費 Genie Timeline Professional 10 電腦備份工具，終身序號限時取得</a></li><li><span class="badge bg-yellow rounded me-2">1 天前</span><a href="https://wawa3c.com/5096" title="2025-系統一鍵優化-Glary-Utilities-Pro-免費下載" class="text-white">限時免費 Glary Utilities Pro 6.21 一鍵優化始祖級系統工具，讓你系統好棒棒！</a></li><li><span class="badge bg-yellow rounded me-2">4 天前</span><a href="https://wawa3c.com/10404" title="2025-有推薦的-LOGO-製作工具嗎？SoftOrbits-Icon-Maker-免費下載" class="text-white">限時免費 SoftOrbits Icon Maker 1.9 公司 LOGO 產生器，支援 icon 編輯及自動產生</a></li><li><span class="badge bg-yellow rounded me-2">4 天前</span><a href="https://wawa3c.com/10999" title="有推薦的影片轉檔軟體嗎？Avdshare-Video-Converter-免費下載" class="text-white">限時免費 Avdshare Video Converter 7.5.2.8768 全能影片 / MP3 轉檔工具，內建基礎剪輯功能</a></li><li><span class="badge bg-yellow rounded me-2">4 天前</span><a href="https://wawa3c.com/9784" title="2025-CSV-如何轉檔-SQL-資料庫格式？CSV-to-SQL-Converter-推薦" class="text-white">限時免費 CSV to SQL Converter 2.0 轉換 csv 檔案格式成為資料庫 sql 格式</a></li><li><span class="badge bg-yellow rounded me-2">5 天前</span><a href="https://wawa3c.com/11952" title="FileRescuer-檔案救援軟體：輕鬆恢復誤刪文件，檔案救援必備！" class="text-white">限時免費 FileRescuer 檔案救援軟體：快速找回遺失檔案的解決方案</a></li><li><span class="badge bg-yellow rounded me-2">6 天前</span><a href="https://wawa3c.com/11317" title="如何下載-Twitter-影片？SurFast-Video-Downloader-免費影片下載器" class="text-white">限時免費 SurFast Video Downloader 2.0.6 萬用影片下載器，支援 YouTube / Twitter / FB 等網站（Windows、Mac）</a></li><li><span class="badge bg-yellow rounded me-2">7 天前</span><a href="https://wawa3c.com/3115" title="2025-如何隱藏重要的隱私檔案？IObit-Protected-Folder-免費取得" class="text-white">IObit Protected Folder 1.3 資料夾隱藏、保護，收藏私密的重要檔案</a></li><li><span class="badge bg-yellow rounded me-2">7 天前</span><a href="https://wawa3c.com/5693" title="2025-實用的螢幕截圖工具-Ashampoo-Snap-14-如何免費取得？免安裝版下載" class="text-white">限時免費 Ashampoo Snap 15 功能豐富的螢幕截圖工具，支援螢幕錄影功能</a></li><li><span class="badge bg-yellow rounded me-2">1 週前</span><a href="https://wawa3c.com/11897" title="2025-CCleaner-Browser-為你隱私安全把關的瀏覽器" class="text-white">CCleaner Browser 快速、私密和安全的瀏覽器，使用習慣不變但是更安全</a></li> </ul> </div>  </div>  </div>  </div>  </footer> <script type="application/javascript" src="https://sdki.truepush.com/sdk/v2.0.4/app.js" async></script> <script> var truepush = window.truepush || []; truepush.push(function(){ truepush.Init({ id: "663ed5c366c31ac4bb17d8bc" }, function(error){ if(error) console.error(error); }) }) </script> <div class="progress-wrap"> <svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102"> <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" /> </svg> </div> <script src="https://wawa3c.com/js/jquery-1.11.3.min.js"></script> <script src="https://wawa3c.com/js/jquery.clever-infinite-scroll.js"></script> <script> // When you use default selectors // $('#contentsWrapper').cleverInfiteScroll(); // When you use custom selectors $('#contentsWrapper').cleverInfiniteScroll({ contentsWrapperSelector: '#contentsWrapper', contentSelector: '.icontent', nextSelector: '#next', loadImage: 'https://wawa3c.com/img/ajax-loader.gif' }); $(function() { var pathhost = location.hostname; ga('send', 'pageview', $('#next').attr("href").replace("https://", "").replace(pathhost, "")); }); </script> <script src="https://wawa3c.com/js/plugins.js"></script> <script src="https://wawa3c.com/js/theme.js"></script>  <script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-58cfe06094a4331a"></script> <script type="text/javascript"> (function() { var adYpaBsOp={ adBaseUrl:'//ypa.focusoftime.com', maxLoop:10, adOpt:{tt:'',u:location.hostname,p:location.protocol.replace(':', '')}, shuffle: function(o) { for (var j, x, i = o.length; i;) { j = Math.floor(Math.random() * i); x = o[--i]; o[i] = o[j]; o[j] = x; }; return o; }, loadAd: function(kwlist,selTag,adSty,adMax,adAmo,callback) { if (typeof kwlist == 'undefined' || kwlist.length <1 || typeof selTag == null || selTag == '' || $(selTag).length<1) return false; if ($.trim(kwlist[0])=='')return false; adSty = adSty||1, adMax=adMax||1,adAmo = adAmo||{},adAmo.loopMax = adAmo.loopMax||adYpaBsOp.maxLoop,adAmo.adNum = adAmo.adNum||0,adAmo.loopNum = adAmo.loopNum||0; adYpaBsOp.adOpt.tt = decodeURIComponent(kwlist[0]); adYpaBsOp.adOpt.ts = new Date().getTime(); adBsUrl = adYpaBsOp.adBaseUrl+'/?' + $.param(adYpaBsOp.adOpt); adAmo.loopNum++; $.ajax({url:adBsUrl,dataType: 'jsonp'}).done(function(data){ var loopAd = false; if (typeof data.ads != 'undefined' && data.ads.length) { var adBsAds = data.ads; for (var index in adBsAds) { adAmo.adNum++; adYpaBsOp.setAdBlock(adBsAds[index], selTag, adSty); if(adAmo.adNum>=adMax){ loopAd = false; break; } } }; if(adAmo.adNum<adMax) loopAd = true; loopAd = kwlist.length<2 ? false : loopAd; loopAd = adAmo.loopNum >=adAmo.loopMax ? false : loopAd; if (loopAd) { kwlist.shift(); adYpaBsOp.loadAd(kwlist,selTag,adSty,adMax,adAmo,callback); } else if (typeof callback =='function') callback(); }); }, setAdBlock:function(data, selTag, adSty) { adSty=adSty||1; var addAd=''; if (adSty==1) { addAd += '<div class="mx-auto my-3" onclick="window.open(\''+data['clickURL']+'\');" style="cursor: pointer;" ><span class="text-muted" style="font-size:10px;">'+data['sitehost']+'</span><span class="badge bg-pale-ash text-muted rounded py-1 ms-2">sponsored</span><p class="mt-5">'+data['title'].replace(/s?|.*$/i,'')+'<br>'+data['descr']+'</p><div class="text-center"><button class="btn btn-soft-yellow rounded me-5">官方資訊</button> <button class="btn btn-yellow rounded">閱讀更多</button></div></div>'; } else if (adSty==2) { addAd += '<div style="color:#c1c1c1;font-size:10px;">'+data['sitehost']+',sponsored</div><div>'+data['descr']+'</div><br><br><div class="separator margin-bottom-large" onclick="window.open(\''+data['clickURL']+'\');"><span style="border-width:1px;border-style:solid;background:#cc3333;color:#fff; cursor: pointer;font-size:16px;padding:10px 50px;letter-spacing: 5px;border-radius: 6px;font-weight: 600;">閱讀更多</span></div></div><div class="col-md-12" onclick="window.open(\''+data['clickURL']+'\');" style="cursor: pointer;">'; } else { addAd += '<div onclick="window.open(\''+data['clickURL']+'\');" style="cursor: pointer;" class="row"><div class="col-md-9"><span style="color:#c1c1c1;font-size:10px;">sponsored</span><br><b>'+data['title'].replace(/s?|.*$/i, '')+'</b><br />'+data['descr']+'<br /><span style="color:#58AA90;font-size:14px;">'+data['sitehost']+'</span></div><div class="col-md-3"><br><div class="btn btn-large green white-text black-text waves-effect waves-dark"><h2 style="padding:0 40px;font-size:40px;color:#FFF;"><em class="fa fa-download"></em></h2></div></div></div>'; }; $(selTag).append(addAd); }, paddingAd:function(addAdList, callback){ if (addAdList.length<1) return false; adItem=addAdList.shift(); adYpaBsOp.loadAd(adItem.kw,adItem.selTag,adItem.adSty,adItem.adMax,{},function(){ if (typeof callback =='function') callback(); adYpaBsOp.paddingAd(addAdList, callback); }); }, init:function(){ unitKw=['外燴點心', '宅配礦泉水', '住家設計','空氣鞋','保健品','架設網站','馬達','國內遊','填充式墨水','蘆洲房價','鑽石回收','發熱衣']; // example_1 // 廣告區塊設定至陣列依序執行, 一個廣告區塊執行結束才會繼續下一個廣告區塊 var addAdList=[{kw:adYpaBsOp.shuffle($.extend([],unitKw)),selTag:'.dev-ysm-tag:eq(0)',adSty:1,adMax:1}, {kw:adYpaBsOp.shuffle($.extend([],unitKw)),selTag:'.dev-ysm-tag:eq(1)',adSty:1,adMax:1}, {kw:adYpaBsOp.shuffle($.extend([],unitKw)),selTag:'.dev-ysm-tag:eq(2)',adSty:2,adMax:1}]; // adYpaBsOp.paddingAd(addAdList); // 沒有使用閒置廣告 adYpaBsOp.paddingAd(addAdList,function(){ if ($('div',$(adItem.selTag)).length < 1) { myAd = '<div class="mx-auto my-3" onclick="window.open(\'https://wawa3c.com/11916\');" style="cursor: pointer;" ><span class="text-muted" style="font-size:10px;">https://wawa3c.com/11916</span><span class="badge bg-pale-ash text-muted rounded py-1 ms-2">Hot</span><p class="mt-5">EaseUS Partition Master 最強大的硬碟磁區管理工具，所有功能都給你</p><div class="text-center"><button class="btn btn-soft-yellow rounded me-5">熱門資訊</button> <button class="btn btn-yellow rounded">閱讀更多</button></div></div>'; $(adItem.selTag).html(myAd); }; }); // example_2 // 同時多個廣告區塊各自取得YPA廣告 (同時開啟太多YPA的request會被鎖ip, 會造成廣告不會出來) // adYpaBsOp.loadAd(adYpaBsOp.shuffle($.extend([],unitKw)),'.dev-ysm-tag:eq(0)',1, 2); // adYpaBsOp.loadAd(adYpaBsOp.shuffle($.extend([],unitKw)),'.dev-ysm-tag:eq(1)',2, 3); } };window.adYpaBsOp = adYpaBsOp;adYpaBsOp.init(); })(); </script> </body> </html>